﻿@model GPS.ENTITYS.CrudModelDKH_LH

@{
    ViewBag.Title = "Tạo mới lịch học";
}

@using (Html.BeginForm("Create", "GPS_LichHoc", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <h3 class="text-center fdb-title-search-form">Tạo lịch học</h3>
    <div id="tabs">
        <div id="tabs-1">
            @Html.Hidden("IsEdit", 0)
            <label style="color:red">@ViewBag.ErrorDate</label>
            <fieldset class="fs_body">
                <legend class="head_title">Thông tin chi tiết lịch học</legend>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label text-left">
                        Đơn vị đào tạo
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_DVGTVT_MA, (SelectList)ViewBag.DVGTVT_MAs, new { @class = "form-control", @id = "ddlDVGTVT_MA" })
                        @Html.ValidationMessageFor(model => model.KH_LH_DVGTVT_MA)
                    </div>

                    <div class="col-md-2 control-label text-left">
                        Tên khóa học
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_KH_MA, (SelectList)ViewBag.KH_MAs, string.Empty, new { @class = "form-control", @id = "ddlKH_MA" })
                        @Html.ValidationMessageFor(model => model.KH_LH_KH_MA)
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label text-left">
                        Giảng viên
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_GV_MA, (SelectList)ViewBag.GV_MAs, new { @class = "selectpicker show-tick", @title = "Vui lòng chọn giảng viên..." })
                        @Html.ValidationMessageFor(model => model.KH_LH_GV_MA)
                    </div>
                    <div class="col-md-2 control-label">
                        Hình thức đào tạo
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_HTDT_MA, (SelectList)ViewBag.HTDT_MAs, new { @class = "form-control", @id = "ddlHTDT_MA" })
                    </div>

                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Tháng
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_THANG, new List<SelectListItem>
                                {                   new SelectListItem() {Text = "", Value=""},
                                                    new SelectListItem() {Text = "Tháng 1", Value="01"},
                                                    new SelectListItem() {Text = "Tháng 2", Value="02"},
                                                    new SelectListItem() {Text = "Tháng 3", Value="03"},
                                                    new SelectListItem() {Text = "Tháng 4", Value="04"},
                                                    new SelectListItem() {Text = "Tháng 5", Value="05"},
                                                    new SelectListItem() {Text = "Tháng 6", Value="06"},
                                                    new SelectListItem() {Text = "Tháng 7", Value="07"},
                                                    new SelectListItem() {Text = "Tháng 8", Value="08"},
                                                    new SelectListItem() {Text = "Tháng 9", Value="09"},
                                                    new SelectListItem() {Text = "Tháng 10", Value="10"},
                                                    new SelectListItem() {Text = "Tháng 11", Value="11"},
                                                    new SelectListItem() {Text = "Tháng 12", Value="12"}
                                }, new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Tuần
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_TUAN, new List<SelectListItem>
                                {                   new SelectListItem() {Text = "", Value=""},
                                                    new SelectListItem() {Text = "Tuần 01", Value="01"},
                                                    new SelectListItem() {Text = "Tuần 02", Value="02"},
                                                    new SelectListItem() {Text = "Tuần 03", Value="03"},
                                                    new SelectListItem() {Text = "Tuần 04", Value="04"},
                                                    new SelectListItem() {Text = "Tuần 05", Value="05"},
                                                    new SelectListItem() {Text = "Tuần 06", Value="06"},
                                                    new SelectListItem() {Text = "Tuần 07", Value="07"},
                                                    new SelectListItem() {Text = "Tuần 08", Value="08"},
                                                    new SelectListItem() {Text = "Tuần 09", Value="09"},
                                                    new SelectListItem() {Text = "Tuần 10", Value="10"},
                                                    new SelectListItem() {Text = "Tuần 11", Value="11"},
                                                    new SelectListItem() {Text = "Tuần 12", Value="12"},
                                                    new SelectListItem() {Text = "Tuần 13", Value="13"},
                                                    new SelectListItem() {Text = "Tuần 14", Value="14"}
                                }, new { @class = "form-control" })
                    </div>
                </div>

                <div class="row margin-top-05">

                    <div class="col-md-2 control-label">
                        Phương tiện
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_PT_BIENSO, (SelectList)ViewBag.PT_MAs, string.Empty, new { @class = "selectpicker show-tick", @title = "Vui lòng chọn phương tiện...", @id = "ddlPT_MA" })

                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label text-left">
                        Chọn học viên vào phương tiện
                    </div>
                    <div class="col-md-10">
                        @Html.ListBoxFor(m => m.SelectedHVs, new SelectList(Model.ListHVs, "HV_MA", "HV_HOTEN"), new { multiple = "multiple", @id = "ddlCars", @class = "form-group", @rows = 5, @style = "width:100%;max-width:100%;" })
                    </div>


                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Từ ngày
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.KH_LH_TUNGAY, new { @class = "form-control", @readonly = "readonly" })
                    </div>
                    <div class="col-md-2 control-label">
                        Đến ngày
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.KH_LH_DENNGAY, new { @class = "form-control", @readonly = "readonly" })
                    </div>
                </div>
                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Giai đoạn
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_GDOAN_MA, (SelectList)ViewBag.GD_MAs, string.Empty, new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Kiểm tra
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.KH_LH_KIEMTRA, new List<SelectListItem>
                                {                   new SelectListItem() {Text = "", Value=""},
                                                    new SelectListItem() {Text = "Kiểm tra", Value="KT"}
                                }, new { @class = "form-control" })
                    </div>
                </div>
                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Số học viên
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.KH_LH_SOHOCVIEN, new { @class = "form-control", @type = "number", @readonly = "readonly" })
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Mô tả
                    </div>
                    <div class="col-md-10">
                        @Html.TextAreaFor(model => model.KH_LH_MOTA, new { @class = "form-group", @rows = 5, @style = "width:100%;max-width:100%;" })
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-danger btn-sm" id="btnsubmit">
                <span class="glyphicon glyphicon-floppy-disk"></span> Cập nhật
            </button>
            &nbsp;&nbsp;
            @Html.ActionLink("Quay lại", "Index", null, new { @class = "btn btn-primary btn-sm" })
        </div>
    </div>
    
    
    
}
<div id="wait" style="display: none; position:absolute; top: 25%; right: 50%; padding: 2px; z-index: 99999">
    <img src="~/fonts/images/loading16.gif" width="65" height="65" />
</div>

<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />

<link href="~/dist/css/bootstrap-select.css" rel="stylesheet" />
<script src="~/dist/js/bootstrap-select.js"></script>


<script src="~/Scripts/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="~/Scripts/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script src="~/Scripts/datepicker.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.maskMoney.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script src="~/Scripts/jquery.masknumber.js"></script>
<script src="~/Scripts/moment.js"></script>


<script type="text/javascript">
    // Voi jQuery 1.9 > thi chi validate gia tri trong active tab
    // Muon validate nhung gia tri trong cac tab khac nua thi dung jquery.validate 1.8.1 or 1.7
    // mask edit cho truong ngay thang (su dung jquery.maskedinput)
    function ToJavaScriptDate(value) {
        if (value != null) {
            var pattern = /Date\(([^)]+)\)/;
            var results = pattern.exec(value);
            var dt = new Date(parseFloat(results[1]));
            return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
        }
        return null;
    }
</script>
<script type="text/javascript">
    //$("#KH_LOP_LH_TUNGAY").datepicker({
    //    changeMonth: true,
    //    changeYear: true,

    //    dateFormat: 'dd/mm/yy'
    //});

    //$("#KH_LOP_LH_DENNGAY").datepicker({
    //    changeMonth: true,
    //    changeYear: true,

    //    dateFormat: 'dd/mm/yy'
    //});

    $("#KH_LH_TUNGAY").datetimepicker({ format: 'dd-mm-yyyy hh:ii' });
    $("#KH_LH_DENNGAY").datetimepicker({ format: 'dd-mm-yyyy hh:ii' });

    //$("#KH_LOP_LH_TUNGAY").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    //$("#KH_LOP_LH_DENNGAY").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

    // cho phep nhap so thap phan (su dung jquery.number)
    //$("#GV_THAMNIENLX").number(true, 2, '.', '');

</script>

@Styles.Render("~/Content/themes/base/css")

@section scripts
{
    @Scripts.Render("~/Scripts/select2.js")
}

<link href="~/Scripts/select2.css" rel="stylesheet" />

<script>
    $(document).ready(function () {

        $("#ddlCars").select2({
            placeholder: "Chọn học viên..",
            maximumSelectionSize: 10
        });

        $("#ddlCars").on("change", function () {
            if ($(this).val() != null && $(this).val() != '') {
                var arrVal = $(this).val().toString().split(',');
                var len = arrVal.length.toString();
                //  alert(len);
                $("#KH_LH_SOHOCVIEN").val(len);
            }
            else {
                $("#KH_LH_SOHOCVIEN").val('');
            }
        });

        //submit
        $('#btnsubmit').click(function () {
            var valHocVien = $("#KH_LH_SOHOCVIEN").val();
            var htdt = $("#ddlHTDT_MA").val();
            var khma = $("#ddlKH_MA").val();

            if (khma != null && khma != '') {
                if ((valHocVien == null || valHocVien == '')) {
                    alert('Học viên bắt buộc nhập!');
                    return false;
                }
                var ptma = $("#ddlPT_MA").val();
                if ((ptma == null || ptma == '')) {
                    alert('Phương tiện bắt buộc nhâp cho hình thức thức hành!');
                    return false;
                }
            }
            //else
            //{
            //    return true;
            //}

            //convert date

            var from = $('#KH_LH_TUNGAY').val();
            var to = $('#KH_LH_DENNGAY').val();
            if ((from != null && from != '') && (to != null && to != '')) {
                //alert(from);
                //var start_actual_time  =  "01/17/2012 11:20";
                //var end_actual_time    =  "01/18/2012 12:25";


                var arrfrom = from.split("-");
                var start_actual_time = arrfrom[1] + "-" + arrfrom[0] + "-" + arrfrom[2];

                //var f = new Date(from[2], from[1] - 1, from[0]);
                // var date = moment("06/06/2015 11:11:11").format('DD-MMM-YYYY');
                start_actual_time = new Date(start_actual_time); //moment(from).format("DD-MM-YYYY HH:mm");
                // alert(start_actual_time);

                var arrto = to.split("-");
                var end_actual_time = arrto[1] + "-" + arrto[0] + "-" + arrto[2];
                end_actual_time = new Date(end_actual_time);  // moment(to).format("DD-MM-YYYY HH:mm");

                var diff = end_actual_time - start_actual_time;

                var diffSeconds = diff / 1000;
                var HH = diffSeconds / 3600;
                var MM = Math.floor(diffSeconds % 3600) / 60;

                var formatted = ((HH < 10) ? ("0" + HH) : HH) + ":" + ((MM < 10) ? ("0" + MM) : MM)
                //  alert(HH);
                var StartDate = moment(start_actual_time).format('YYYY-MM-DD');
                var EndDate = moment(end_actual_time).format('YYYY-MM-DD');

                if (StartDate != EndDate) {
                    alert('Lịch học từ - đến ngày phải cùng trong 1 ngày!');
                    return false;
                }
                else {
                    if (HH <= 0 || HH > 12) {
                        alert('Lịch học từ ngày phải nhỏ hơn đến ngày và thời gian học phải nhỏ hơn 12 tiếng !');
                        return false;
                    }
                }
            }



        }
        );

    });
</script>




<script type="text/javascript">
    $(document).ready(function () {
        $('.selectpicker').selectpicker({
            liveSearch: true,
            showSubtext: true
        });
        //$("select").prop('class', 'selectpicker show-tick form-control');
        //$("select.selectpicker").attr('data-live-search', true);
        // load district by province when change in dropdownlist
        //$("#ddlDVGTVT_MA").change(function () {
        //    $.ajax({
        //        url: 'getKH_MAs',
        //        type: 'post',
        //        data: {
        //            ma_DVGT: $('#ddlDVGTVT_MA').val()
        //        }
        //    }).done(function (response) {
        //        // update district by province
        //        var a = '<option value></option>' + response;   // defaut value
        //        $("#ddlKH_MA").html(a);


        //        // reset ddlGV_MA
        //        var b = '<option value></option>'
        //        $('#ddlGV_MA').html(b);
        //    });

        //    $.ajax({
        //        url: 'getGV_MAs',
        //        type: 'post',
        //        data: {
        //            Ma_DVGT: $('#ddlDVGTVT_MA').val(),
        //            ma_LOP: null
        //        }
        //    }).done(function (response) {
        //       // alert(response);
        //        var a = '<option value></option>' + response;   // defaut value
        //        $("#ddlGV_MA").html(a);

        //    });

        //    $.ajax({
        //        url: 'getPT_MAs',
        //        type: 'post',
        //        data: {
        //            Ma_DVGT: $('#ddlDVGTVT_MA').val(),
        //            ma_HT: null,
        //            ma_LOP: null
        //        }
        //    }).done(function (response) {
        //        var a = '<option value></option>' + response;   // defaut value
        //        $("#ddlPT_MA").html(a);

        //    });


        //});

        // load ward by disctrict when change in dropdownlist
        $("#ddlKH_MA").change(function () {
            if ($('#ddlKH_MA').val() == null || $('#ddlKH_MA').val() == '') {
                $("#KH_LH_SOHOCVIEN").val('');
            }

            $("#wait").attr("style", "display:block;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");

            $.ajax({
                url: 'getHV_BY_KH_MAs',
                type: 'post',
                data: {
                    Ma_KH: $('#ddlKH_MA').val()

                }
            }).done(function (response) {

                $("#ddlCars").select2("val", "Chọn học viên..");
                var a = '<option value></option>' + response;   // defaut value
                $("#ddlCars").html(a);
                //$("#ddlCars").select2({
                //    data: response,
                //    placeholder: "Chọn học viên..",
                //    maximumSelectionSize: 5
                //});

            });

            $.ajax({
                url: '@Url.Action("getGV_MAs", "GPS_LichHoc")', // 'getGV_MAs',
                type: 'post',
                data: {
                    Ma_DVGT: $('#ddlDVGTVT_MA').val(),
                    ma_KH: $('#ddlKH_MA').val()
                }
            }).done(function (response) {
                // alert(response);
                var a = '<option value></option>' + response;   // defaut value
                $("#ddlGV_MA").html(a);

                $("#wait").attr("style", "display:none;position:absolute;top:25%;left:50%;padding:2px; z-index:99999");
            });


        });


        //// load ward by ddlHTDT_MA when change in dropdownlist
        //$("#ddlHTDT_MA").change(function () {
        //    var _MA_LOP = $('#ddlLOP_MA').val();
        //    if (_MA_LOP != null && _MA_LOP != '') {
        //        if ($('#ddlHTDT_MA').val() != null && $('#ddlHTDT_MA').val() != "LT") {
        //            $.ajax({
        //                url: 'getPT_MAs',
        //                type: 'post',
        //                data: {
        //                    Ma_DVGT: $('#ddlDVGTVT_MA').val(),
        //                    ma_HT: $('#ddlHTDT_MA').val(),
        //                    ma_LOP: _MA_LOP
        //                    }
        //            }).done(function (response) {
        //                var a = '<option value></option>' + response;   // defaut value
        //                $("#ddlPT_MA").html(a);

        //            });

        //            //get giao vien thuc hanh cua lop
        //            $.ajax({
        //                url: 'getGV_MAs',
        //                type: 'post',
        //                data: {
        //                    Ma_DVGT: $('#ddlDVGTVT_MA').val(),
        //                    ma_LOP: $('#ddlLOP_MA').val()
        //                }
        //            }).done(function (response) {
        //                var a = '<option value></option>' + response;   // defaut value
        //                $("#ddlGV_MA").html(a);

        //            });

        //            //Get danh sach hoc vien cua lop

        //            $.ajax({
        //                url: 'getHV_MAs',
        //                type: 'post',
        //                data: {
        //                    Ma_DVGT: $('#ddlDVGTVT_MA').val(),
        //                    ma_KH: $('#ddlKH_MA').val(),
        //                    ma_LOP: $('#ddlLOP_MA').val()
        //                }
        //            }).done(function (response) {
        //                var a = '<option value></option>' + response;   // defaut value
        //                $("#ddlCars").html(a);

        //            });

        //            $("#ddlCars").select2({
        //                placeholder: "Chọn học viên..",
        //                maximumSelectionSize: 5
        //            });

        //        }
        //        else {
        //            // reset ddlGV_MA
        //            var b = '<option value></option>'
        //            $('#ddlPT_MA').html(b);

        //            $.ajax({
        //                url: 'getGV_MAs',
        //                type: 'post',
        //                data: {
        //                    Ma_DVGT: $('#ddlDVGTVT_MA').val(),
        //                    ma_LOP: null
        //                }
        //            }).done(function (response) {
        //                var a = '<option value></option>' + response;   // defaut value
        //                $("#ddlGV_MA").html(a);

        //            });
        //        }
        //    }
        //    else {
        //        alert("Hãy nhập đơn vị Mã lớp!");
        //    }



        //});


        //Count selected 2:


    })
</script>
